@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px !important;
  }
}
body {
  min-width: 320px;
  max-width: 414px;
  width: 10rem;
  height: 20.748792rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cousTerainingMain {
  flex: 1;
  overflow: auto;
  margin-top: 0.241546rem;
}
.cousTerainingMain .LatestCourses {
  width: 9.299517rem;
  margin: 0 auto;
}
.cousTerainingMain .LatestCourses .LCContent {
  display: block !important;
  height: 5.072464rem !important;
  border-radius: 0.241546rem;
  overflow: hidden;
  box-shadow: 2px 2px 6px #ccc;
}
.cousTerainingMain .LatestCourses .LCContent img {
  width: 9.299517rem;
  height: 3.623188rem;
}
.cousTerainingMain .LatestCourses .LCContent div {
  margin-left: 0.241546rem;
}
.cousTerainingMain .LatestCourses .LCContent div p {
  font-size: 0.386473rem;
}
.cousTerainingMain .LatestCourses .LCContent div span {
  font-size: 0.289855rem;
  color: #ccc;
}
.cousTerainingMain .curriculum {
  width: 9.299517rem;
  margin: 0 auto;
  margin-top: 0.483092rem;
}
.cousTerainingMain .curriculum .OtherCourses {
  width: 9.299517rem;
}
#octent {
  display: block !important;
  height: 3.381643rem !important;
  border-radius: 0.241546rem;
  background-size: cover;
  margin-bottom: 0.241546rem;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 0.483092rem;
  padding-left: 0.483092rem;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px #ccc;
}
#octent p {
  font-size: 0.483092rem;
  color: white;
}
#octent span {
  font-size: 0.338164rem;
  color: white;
}
h3 {
  font-size: 0.434783rem;
  font-weight: 500;
  margin-bottom: 0.241546rem;
}
